{% set projects = app.generic.modelData('Projects', 'entity.gallery != 0 AND entity.home = 1', {}, { sort: 'rank', order: 'ASC' }) %}

<!DOCTYPE HTML>
<!--
	ZeroFour by Pixelarity
	pixelarity.com @pixelarity
	License: pixelarity.com/license
-->
<html>
	<head>
		<base href="/">
		<title>{{ constant('CLIENT') }} | {{ page.title }}</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<!--[if lte IE 8]><script src="{{ constant('DOMAIN') }}/css/ie/html5shiv.js"></script><![endif]-->
		<script src="{{ constant('DOMAIN') }}/js/jquery.min.js"></script>
		<script src="{{ constant('DOMAIN') }}/js/jquery.dropotron.min.js"></script>
		<script src="{{ constant('DOMAIN') }}/js/skel.min.js"></script>
		<script src="{{ constant('DOMAIN') }}/js/skel-layers.min.js"></script>
		<script src="{{ constant('DOMAIN') }}/js/init.js"></script>
		<link rel="stylesheet" href="{{ constant('DOMAIN') }}/css/pz.css" />
		<link rel="stylesheet" href="{{ constant('CDN_URL') }}/owl-carousel/owl.carousel.css" />
		<link rel="stylesheet" href="{{ constant('CDN_URL') }}/owl-carousel/owl.theme.css" />
		<noscript>
			<link rel="stylesheet" href="{{ constant('DOMAIN') }}/css/skel.css" />
			<link rel="stylesheet" href="{{ constant('DOMAIN') }}/css/style.css" />
			<link rel="stylesheet" href="{{ constant('DOMAIN') }}/css/style-desktop.css" />
		</noscript>
		<!--[if lte IE 8]><link rel="stylesheet" href="{{ constant('DOMAIN') }}/css/ie/v8.css" /><![endif]-->
		<!--[if lte IE 9]><link rel="stylesheet" href="{{ constant('DOMAIN') }}/css/ie/v9.css" /><![endif]-->
		{% block extraHead %}{% endblock %}
		
		<script>
		  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
		
		  ga('create', 'UA-65171071-1', 'auto');
		  ga('send', 'pageview');
		
		</script>
	</head>
	<body>
		<!-- Header -->
		<div id="header-wrapper">
			<div class="container">
				<header id="header">
					<div class="inner">
						<h1><a href="/" id="logo">火山灰&bullet;软件工作室</a></h1>
						<nav id="nav">
							{{ nav.main|nav|raw }}
						</nav>
					</div>
				</header>
				{% block banner %}
				<div id="banner">
					<h2>
						火山灰软件开发<br>
						私人工作室<br>
						&bullet;网站设计&bullet;系统开发&bullet;方案订制
					</h2>
					<a href="/about-us/" class="button big icon fa-check-circle">高端工作室</a>
				</div>
				{% endblock %}
			</div>
		</div>
		
		<!-- Main Wrapper -->
		<div id="main-wrapper">
			{% block content %}{% endblock %}
			{% block news %}
			
				<div class="wrapper style3">
					<div class="inner">
						<div class="container">
							<div class="row">
								<div class="8u">
			
									<!-- Article list -->
										<section class="box article-list">
											<h2 class="icon fa-file-text-o">我们的动态</h2>
											
											<!-- Excerpt -->
												<article class="box excerpt">
													<a href="#" class="image left"><img src="{{ constant('DOMAIN') }}/images/pic04.jpg" alt="" /></a>
													<div>
														<header>
															<span class="date">July 24</span>
															<h3><a href="#">Tristique ata vestibulum ornare</a></h3>
														</header>
														<p>Phasellus quam turpis, feugiat sit amet ornare in, hendrerit in lectus 
														semper mod quisturpis nisi consequat etiam lorem. Phasellus quam turpis, 
														feugiat et sit amet ornare in, hendrerit in lectus semper mod quis eget mi dolore.</p>
													</div>
												</article>
			
											<!-- Excerpt -->
												<article class="box excerpt">
													<a href="#" class="image left"><img src="{{ constant('DOMAIN') }}/images/pic05.jpg" alt="" /></a>
													<div>
														<header>
															<span class="date">July 18</span>
															<h3><a href="#">Ullamcorper enim ata erat varius</a></h3>
														</header>
														<p>Phasellus quam turpis, feugiat sit amet ornare in, hendrerit in lectus 
														semper mod quisturpis nisi consequat etiam lorem. Phasellus quam turpis, 
														feugiat et sit amet ornare in, hendrerit in lectus semper mod quis eget mi dolore.</p>
													</div>
												</article>
			
											<!-- Excerpt -->
												<article class="box excerpt">
													<a href="#" class="image left"><img src="{{ constant('DOMAIN') }}/images/pic06.jpg" alt="" /></a>
													<div>
														<header>
															<span class="date">July 14</span>
															<h3><a href="#">Elementum ata augue</a></h3>
														</header>
														<p>Phasellus quam turpis, feugiat sit amet ornare in, hendrerit in lectus 
														semper mod quisturpis nisi consequat etiam lorem. Phasellus quam turpis, 
														feugiat et sit amet ornare in, hendrerit in lectus semper mod quis eget mi dolore.</p>
													</div>
												</article>
			
										</section>
								</div>
								<div class="4u">
								
									<!-- Spotlight -->
										<section class="box spotlight">
											<h2 class="icon fa-file-text-o">Spotlight</h2>
											<article>
												<a href="#" class="image featured"><img src="{{ constant('DOMAIN') }}/images/pic07.jpg" alt=""></a>
												<header>
													<h3><a href="#">Varius Accumsan</a></h3>
													<p>Ata arcu non curae. Varius nulla.</p>
												</header>
												<p>Phasellus quam turpis, feugiat sit amet ornare in, hendrerit in lectus semper mod 
												quisturpis nisi consequat ornare in, hendrerit in lectus semper mod quis eget mi quat etiam 
												lorem. Phasellus quam turpis, feugiat sed et lorem ipsum dolor consequat dolor feugiat sed
												et tempus consequat etiam.</p>
												<p>Lorem ipsum dolor quam turpis, feugiat sit amet ornare in, hendrerit in lectus semper 
												mod quisturpis nisi consequat etiam lorem sed amet quam turpis.</p>
												<footer>
													<a href="#" class="button alt icon fa-file-o">Continue Reading</a>
												</footer>
											</article>
										</section>
									
								</div>
							</div>
						</div>
					</div>
				</div>
			{% endblock %}
		</div>
		
		<!-- Footer Wrapper -->
		<div id="footer-wrapper">
			<footer id="footer" class="container">
				<div class="row">
					<div class="3u">
					
						<!-- Links -->
							<section>
								<h2>Varius Curae</h2>
								<ul class="divided">
									<li><a href="#">Quam turpis feugiat dolor</a></li>
									<li><a href="#">Amet ornare in hendrerit </a></li>
									<li><a href="#">Semper mod quisturpis nisi</a></li>
									<li><a href="#">Consequat etiam phasellus</a></li>
									<li><a href="#">Amet turpis, feugiat et</a></li>
									<li><a href="#">Ornare hendrerit lectus</a></li>
									<li><a href="#">Semper mod quis et dolore</a></li>
									<li><a href="#">Amet ornare in hendrerit</a></li>
									<li><a href="#">Consequat lorem phasellus</a></li>
									<li><a href="#">Amet turpis, feugiat amet</a></li>
									<li><a href="#">Semper mod quisturpis</a></li>
								</ul>
							</section>
					
					</div>
					<div class="3u">
					
						<!-- Links -->
							<section>
								<h2>最近完成的网站</h2>
								<ul class="divided">
									{% for itm in projects._data|slice(0, 4) %}
										<li><a href="#">{{ itm.title }}</a></li>
									{% endfor %}
								</ul>
							</section>
					
						<!-- Links -->
							<section>
								<h2>网站导航</h2>
								<ul class="divided">
									{{ nav.main|nav|raw }}
								</ul>
							</section>
					
					</div>
					<div class="6u">
					
						<!-- About -->
							<section>
								<h2>火山灰软件工作室</h2>
								<p>Ata! Erat ac Tincidunt, col dolor, donec adipiscing metus pellentesque at mi vel Sollicitudin Sagittis Aliquet Sollicitudin ut dui mi non vis accumsan in vestibulum aliquam curae sociis pellentesque sem porttitor.</p>
								<a href="#" class="button alt icon fa-arrow-circle-right">Learn More</a>
							</section>
					
						<!-- Contact -->
							<section>
								<h2>Get in touch</h2>
								<div>
									<div class="row">
										<div class="6u">
											<dl class="contact">
												<dt>Twitter</dt>
												<dd><a href="#">@untitled-corp</a></dd>
												<dt>Facebook</dt>
												<dd><a href="#">facebook.com/untitled</a></dd>
												<dt>WWW</dt>
												<dd><a href="#">untitled.tld</a></dd>
												<dt>Email</dt>
												<dd><a href="#">user@untitled.tld</a></dd>
											</dl>
										</div>
										<div class="6u">
											<dl class="contact">
												<dt>Address</dt>
												<dd>
													1234 Fictional Rd<br />
													Nashville, TN 00000-0000<br />
													USA
												</dd>
												<dt>Phone</dt>
												<dd>(000) 000-0000</dd>
											</dl>
										</div>
									</div>
								</div>
							</section>
					
					</div>
				</div>
				<div class="row">
					<div class="12u">
						<div id="copyright">
							<ul class="menu">
								<li>&copy; Untitled. All rights reserved</li>
							</ul>
						</div>
					</div>
				</div>
			</footer>
		</div>
		{% block extraFooter %}{% endblock %}
	</body>
</html>